<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>登录</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css">

    <!-- 可选的Bootstrapd的sign文件（一般不用引入） -->
    <link rel="stylesheet" href="/css/signin.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="/js/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/js/bootstrap.min.js"></script>
</head>

<body>

<div class="container">

    <form class="form-signin" role="form" th:action="@{/login}" method="post">
        <h2 class="form-signin-heading">云视频解析</h2>
        <input type="text" class="form-control" placeholder="内测账号" required autofocus name="username" value="cloudvpn"/>
        <input type="password" class="form-control" placeholder="密码" required name="password" value="cloudvideo"/>
        <div class="checkbox">
            <label>
                <input type="checkbox" value="remember-me"> Remember me
            </label>
        </div>
        <input class="btn btn-lg btn-primary btn-block" type="submit" value="登录" />
        <div th:if="${param.error}" style="color: red">
            账号或密码错误，QQ群176326642！
        </div>
        <div th:if="${param.logout}" style="color: red">
            退出登录
        </div>
    </form>

</div> <!-- /container -->

</body>
</html>
